<template>
  <view>
    <!-- 服务页面组件 -->
    <ServicePage
      title="教育入学一件事"
      :show-drawing="false"
      :show-stats="true"
      :stats="statsData"
      :sections="sectionsData"
    />

    <view class="btn-container">
      <u-button
        type="primary"
        text="立即办理"
        customStyle="background: #2C5E9F;
border-radius: 4px 4px 4px 4px;"
      ></u-button>
    </view>
  </view>
</template>

<script>
export default {
  name: 'DisabledService',
  data() {
    return {
      // 统计数据
      statsData: [
        {
          title: '跑动次数减少',
          value: '100%',
          after: '之后：4天',
          previously: '之前：20天'
        },
        {
          title: '递交材料减少',
          value: '100%',
          after: '之后：4份',
          previously: '之前：20份'
        },
        {
          title: '办理时间减少',
          value: '100%',
          after: '之后：4天',
          previously: '之前：20天'
        }
      ],
      // 服务信息部分
      sectionsData: [
        {
          title: '办事指南',
          type: 'info',
          icon: require('@/static/c1.png'),
          content: [
            { label: '一件事名称：', value: '教育入学“一件事”' },
            { label: '办理层级：', value: '自治区、市级、县级' },
            { label: '办理机构：', value: '教育厅、公安厅、自然资源厅、人力资源社会保障局' },
            { label: '牵头部门：', value: '教育厅' },
            { label: '咨询电话：', value: '0892-8352751' },
            { label: '监督电话：', value: '0892-8352751' }
          ]
        },
        {
          title: '办理时间',
          type: 'text',
          icon: require('@/static/c1.png'),
          content: '上午9:30-13:00，下午15:30-18:30'
        },
        {
          title: '办理地点',
          type: 'text',
          icon: require('@/static/c1.png'),
          content: '各学校'
        },
        {
          title: '受理条件',
          type: 'text',
          icon: require('@/static/c1.png'),
          content: '凡年满6周岁(2020年8月31日及之前出生)的适龄儿童，农牧区儿童可以推迟到7周岁( 2019年8月31日前出生)。'
        },
        {
          title: '办理材料',
          type: 'material',
          icon: require('@/static/c1.png'),
          tableFormList: [
            {
              tableTitle: '居民户口簿',
              tableData: [
                {
                  label: '材料形式',
                  value: '电子'
                },
                {
                  label: '材料类型',
                  value: '原件'
                },
                {
                  label: '材料样本',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/空表.pdf' })
                    console.log('点击查看示例1');
                  },
                  link: true
                },
                {
                  label: '纸质材料份数',
                  value: '1'
                },
                {
                  label: '材料空表',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/空表.pdf' })
                    console.log('点击下载空表1');
                  },
                  link: true
                },
                {
                  label: '来源渠道',
                  value: '政府部门核发'
                },
                {
                  label: '事项材料是否必须',
                  value: '是'
                }
              ]
            },
            {
              tableTitle: '不动产全证书',
              tableData: [
                {
                  label: '材料形式',
                  value: '电子'
                },
                {
                  label: '材料类型',
                  value: '原件'
                },
                {
                  label: '材料样本',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
                    console.log('点击查看示例2');
                  },
                  link: true
                },
                {
                  label: '纸质材料份数',
                  value: '1'
                },
                {
                  label: '材料空表',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
                    console.log('点击下载空表2');
                  },
                  link: true
                },
                {
                  label: '来源渠道',
                  value: '政府部门核发'
                },
                {
                  label: '事项材料是否必须',
                  value: '否'
                }
              ]
            },
            {
              tableTitle: '居住证',
              tableData: [
                {
                  label: '材料形式',
                  value: '电子'
                },
                {
                  label: '材料类型',
                  value: '原件'
                },
                {
                  label: '材料样本',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
                    console.log('点击查看示例2');
                  },
                  link: true
                },
                {
                  label: '纸质材料份数',
                  value: '1'
                },
                {
                  label: '材料空表',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
                    console.log('点击下载空表2');
                  },
                  link: true
                },
                {
                  label: '来源渠道',
                  value: '政府部门核发'
                },
                {
                  label: '事项材料是否必须',
                  value: '否'
                }
              ]
            },
            {
              tableTitle: '社会保险参保证明',
              tableData: [
                {
                  label: '材料形式',
                  value: '电子'
                },
                {
                  label: '材料类型',
                  value: '原件'
                },
                {
                  label: '材料样本',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
                    console.log('点击查看示例2');
                  },
                  link: true
                },
                {
                  label: '纸质材料份数',
                  value: '1'
                },
                {
                  label: '材料空表',
                  value: function () {
                    // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
                    console.log('点击下载空表2');
                  },
                  link: true
                },
                {
                  label: '来源渠道',
                  value: '政府部门核发'
                },
                {
                  label: '事项材料是否必须',
                  value: '否'
                }
              ]
            },
			{
			  tableTitle: '房屋租赁合同',
			  tableData: [
			    {
			      label: '材料形式',
			      value: '电子'
			    },
			    {
			      label: '材料类型',
			      value: '原件'
			    },
			    {
			      label: '材料样本',
			      value: function () {
			        // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
			        console.log('点击查看示例2');
			      },
			      link: true
			    },
			    {
			      label: '纸质材料份数',
			      value: '1'
			    },
			    {
			      label: '材料空表',
			      value: function () {
			        // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
			        console.log('点击下载空表2');
			      },
			      link: true
			    },
			    {
			      label: '来源渠道',
			      value: '政府部门核发'
			    },
			    {
			      label: '事项材料是否必须',
			      value: '否'
			    }
			  ]
			},
			{
			  tableTitle: '营业执照及缴税证明',
			  tableData: [
			    {
			      label: '材料形式',
			      value: '电子'
			    },
			    {
			      label: '材料类型',
			      value: '原件'
			    },
			    {
			      label: '材料样本',
			      value: function () {
			        // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
			        console.log('点击查看示例2');
			      },
			      link: true
			    },
			    {
			      label: '纸质材料份数',
			      value: '1'
			    },
			    {
			      label: '材料空表',
			      value: function () {
			        // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
			        console.log('点击下载空表2');
			      },
			      link: true
			    },
			    {
			      label: '来源渠道',
			      value: '政府部门核发'
			    },
			    {
			      label: '事项材料是否必须',
			      value: '否'
			    }
			  ]
			},
			{
			  tableTitle: '劳动合同及工资证明',
			  tableData: [
			    {
			      label: '材料形式',
			      value: '电子'
			    },
			    {
			      label: '材料类型',
			      value: '原件'
			    },
			    {
			      label: '材料样本',
			      value: function () {
			        // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
			        console.log('点击查看示例2');
			      },
			      link: true
			    },
			    {
			      label: '纸质材料份数',
			      value: '1'
			    },
			    {
			      label: '材料空表',
			      value: function () {
			        // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
			        console.log('点击下载空表2');
			      },
			      link: true
			    },
			    {
			      label: '来源渠道',
			      value: '政府部门核发'
			    },
			    {
			      label: '事项材料是否必须',
			      value: '否'
			    }
			  ]
			}
          ]
        },
        {
          title: '事项联办',
          type: 'list',
          icon: require('@/static/c1.png'),
          content: [
            '（一）学生及监护人个人户籍信息，居住证信息的调用，核验',
            '（二）学生或监护人房屋不动产信息调用，核验',
            '（三）社会保险参保缴费记录核查'
          ]
        }
      ]
    };
  },
  methods: {}
};
</script>

<style scoped>
.btn-container {
  height: 64px;
  display: flex;
  align-items: center;
}
</style>
